html,body{
    margin:0;padding: 0;border:0;width:100%;height:100%;overflow:hidden;
}
body{
    background: #ffffff!important;
    padding:20px;
}
table
{
    border-collapse: collapse;
    /*margin: 0 auto;*/
    /*text-align: center;*/
}
table td, table th
{
    border: 1px solid #cad9ea;
    color: #666;
    height: 16px;
}
table thead th
{
    background-color: #CCE8EB;
    /*width: 100px;*/
}
/*table tr:nth-child(odd)*/
/*{*/
    /*background: #fff;*/
/*}*/
/*table tr:nth-child(even)*/
/*{*/
    /*background: #F5FAFA;*/
/*}*/

.table-bg{
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-left: 1px solid #eef5fa!important;
    border-right: 1px solid #eef5fa!important;
    table-layout:fixed;
}
.table-bg tr{
    height: 42px;
    line-height: 42px;
    border-top:1px solid #eef5fa!important;
    border-bottom: 1px solid #eef5fa!important;
}

.span-green{
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    background: rgb(2, 204, 195);;
}
.span-yellow{
    width: 60px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    color: #ffffff;
    background: #fab514;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.span-orange{
    width: 60px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    background: #f76b1e;
}
.span-red{
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    background: #fc3d3d;
}